<template>
	<div class="home">
		<home-carousel @showVideo="showVideo"/>
		<!-- <home-notice /> -->
		<home-version />
		<home-character />
		<home-value />
		<home-roadmap />
		<home-team />
		<!-- <home-exchange /> -->
		<home-news />
		<home-partner />
		<home-video v-show="flag" @hideVideo="hideVideo"/>
	</div>
</template>

<script>
import homeCarousel from './components/carousel'
// import homeNotice from './components/notice'
import homeVersion from './components/version'
import homeCharacter from './components/character'
import homeValue from './components/value'
import homeRoadmap from './components/roadmap'
import homeTeam from './components/team'
// import homeExchange from './components/exchange'
import homeNews from './components/news'
import homePartner from './components/partner'
import homeVideo from './components/video'
export default {
	name: 'home',
	components:{ homeCarousel, homeVersion, homeCharacter, homeValue, homeRoadmap, homeTeam, homeNews, homePartner, homeVideo },
	data () {
		return {
			flag: false
		}
	},
	methods:{
		showVideo(){
			this.flag = true
			var Media = document.getElementById("video");
      Media.play();
		},
		hideVideo(){
			this.flag = false
		}
	}
}
</script>
